<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <title> Administracion de Areas </title>
        <link rel="stylesheet" href="resources/css/style.css" />
        <style type="text/css">
            html{
                height: 100%;
            }
            body{
                height: 80%;
            }
            .ui-layout-north {
                z-index:20 !important;
                overflow:visible !important;;
            }

            .ui-layout-north .ui-layout-unit-content {
                overflow:visible !important;
            }   
            .ui-layout-unit-content{
                overflow:visible !important;
            }
        </style>

    </h:head>
    <br />
    <h:body>
        <p:layout fullPage="true" >  
            <p:layoutUnit position="north" size="100" header="Control de registro de Incidencias" 
                          resizable="false" closable="false" collapsible="false" >  
                <!--Encabezado o Menu Bar que es de Layout -->
                <h:form id="frmMenu">
                    <p:growl id="messages"/>  
                    <p:menubar >   
                        <p:menuitem value="Inicio" url="inicio.xhtml" icon="inicio" />  

                        <p:submenu  label="Administracion" icon="administracion">  
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminUsuario}" value="Usuarios" url="administrarUsuarios.xhtml" icon="usuario"/>  
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminPerfil}" value="Perfiles" url="administrarPerfiles.xhtml" icon="permisos"/>
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminArea}" value="Areas" url="administrarAreas.xhtml" icon="areas"/>
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminCategoria}" value="Categorias" url="administrarCategorias.xhtml" icon="categorias"/>
                            <p:menuitem rendered="#{loginBean.usuario.perfil.adminCargo}" value="Cargos" url="administrarCargos.xhtml" icon="cargos"/>
                        </p:submenu>  

                       <p:submenu label="Base de Conocimiento" icon="baseConocimiento" 
                                   rendered="#{loginBean.usuario.perfil.adminBaseConocimiento}">  
                            <p:menuitem value="Soluciones" url="administrarBaseConocimiento.xhtml" icon ="solucion"/>   
                        </p:submenu>

                       <p:submenu label="Incidencias" icon="incidencia"  render="#{loginBean.usuario.perfil.adminIncidencias}">  
                            <p:menuitem value="Control" url="administrarIncidencias.xhtml" icon="problema" 
                                        rendered="#{loginBean.usuario.perfil.adminIncidencias}"/>
                            <p:menuitem value="Asignaciones" url="administrarAsignaciones.xhtml" icon="asociar"
                                        rendered="#{loginBean.usuario.perfil.adminIncidencias}"/> 
                        </p:submenu> 

                        <p:submenu label="Informes" icon="ui-icon-pencil">  
                            <p:menuitem value="Undo" url="#" icon="ui-icon-arrowreturnthick-1-w" />  
                            <p:menuitem value="Redo" url="#" icon="ui-icon-arrowreturnthick-1-e" />  
                        </p:submenu>   

                        <p:menuitem value="Contraseña" url="#" icon="candado" />  

                        <p:menuitem value="Salir" url="index.jsf" icon="salir" />  
                    </p:menubar>
                    <!--//Cierra Encabezado o Menu Bar que es de Layout -->
                </h:form> 
            </p:layoutUnit>    



            <!--*************************************************************************** -->           
            <!-- Panel central o Contenedor  -->
            <p:layoutUnit position="center" size="1500" style="border-bottom: transparent;
                          border-top: transparent; border-left: transparent; border-right: transparent" >
               

                 <p:barChart id="basic" value="#{chartBean.categoryModel}" legendPosition="ne"  
                title="Basic Bar Chart" min="0" max="200" style="width:400px" animate="true"/> 
            </p:layoutUnit>  


            <!--Layout bottom -->
            <p:layoutUnit position="south" size="70" header="" resizable="false" closable="false" collapsible="false" 
                          style="text-align:center; font-size: 12px;" > 
                <h:outputText value="Sistema Control de Reporte de Incidencias" /> <br /> 
                <h:outputText value="Corporaci&oacute;n universitaria Minuto de Dios" />  <br />
                <h:outputText value="Desarrollado por: Yinna Martinez y Diego Babativa - Licencia GPL" /><br />
            </p:layoutUnit>

              <p:layoutUnit position="west" size="200" header="Bienvenido" resizable="true"
         closable="false" collapsible="true"> 
                <h:form>  
                    <p:growl id="growl" showDetail="true" />  
                    <h:panelGrid columns="1" cellpadding="10">  
                        <p:graphicImage value="resources/fotos/#{loginBean.usuario.foto}" width="170"/>
                        <h:outputLabel style=" font-size: 14px; color: blue" 
                                       value="Usuario: #{loginBean.usuario.login}"/>

                        <h:outputText style="font: bold; font-size: 12px" value="
                                      E-mail: #{loginBean.usuario.EMail}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      Area: #{loginBean.usuario.area.nombre}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      Perfil: #{loginBean.usuario.perfil.nombre}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      Cargo: #{loginBean.usuario.cargo.nombre}"/>

                        <h:outputText style="font: bold; font-size: 14px" value="
                                      Movil: #{loginBean.usuario.numCelular}"/>

                    </h:panelGrid>   
                </h:form>  
          </p:layoutUnit> 
        </p:layout>  


       
       
        
        <!--Form  Editar Areas  -->
        <h:form id="frmEditar">
            <p:dialog header="Actualizar Area" widgetVar="dlgEditar" resizable="false" id="dlgEditar" 
                      modal="true"  >
                
               
            </p:dialog>  
        </h:form>
        <!--End Form  Editar Areas  -->

        <!--Form  eliminar Area  -->
        <h:form id="frmEliminar">  
            <p:growl id="growlEliminar" sticky="true" />  
            <p:confirmDialog id="dlgEliminar" message="¿Est&aacute; seguro de eliminar el Area?"  
                             header="Eliminar Usuario" severity="alert" widgetVar="dlgEliminar"  >  
                <p:commandButton value="&nbsp;Eliminar" update=":frmAreas:datatable, growlEliminar, dlgEliminar" oncomplete="dlgEliminar.hide()" 
                                 actionListener="#{areaBean.eliminar()}" image="icon-guardar"  />  
                <p:commandButton value="&nbsp;cancelar" update=":frmAreas:datatable" oncomplete="dlgEliminar.hide()" 
                                 image="icon-cancelar" />   
            </p:confirmDialog>  
        </h:form>  
        <!--End Form  eliminar Area  -->
    </h:body>        
</html>  




